// colors
$colors: (
  "primary": #db9e3f,
  "primary1": #f09a37,
  "primary2": #ff3636,
  "danger": #781915,
  "info": #4b67af,
  "blue": #4394e4,
  "white": #ffffff,
  "grey4": #f9f9f9,
  "grey3": #d4d9de,
  "grey": #999999,
  "grey1": #777777,
  "grey2": #666666,
  "dark": #343440,
  "dark1": #212222,
  "dark2": #222222,
  "dark3": #1a1a20,
  "black": #000
);
$border-color: map-get($colors, 'grey3');
$bg-color-bar: map-get($colors, 'grey4' );

// font-size
$base-font-size: 13px;
$font-sizes: (
  xs: .7692, // .7692rem 10px
  sm: .9231, // .9231rem 12px
  md: 1, // 1rem 13px
  lg: 1.0769, // 1.0769rem 14px
  xl: 1.2308, // 1.2308rem 16px
  xxl: 1.3846, // 18px

);

// flex
$flex-jc: (
  start: flex-start,
  center: center,
  end: flex-end,
  between: space-between,
  around: space-around
);


$flex-ai: (
  start: flex-start,
  end: flex-end,
  center: center,
  stretch: stretch
);

// margin padding
$spaceing-types: (m:margin, p: padding);
$spaceing-directions: (t:top, r:right, b:bottom, l:left);
$spaceing-base-size: 13px;
$spaceing-size: (
  0: 0,
  1: .25,
  2: .5,
  3: 1,
  4: 1.5,
  5: 3
);

